<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml" xmlns:shiro="http://www.w3.org/1999/xhtml"
      xmlns="http://www.w3.org/1999/html">
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body>
<style>
    .layui-table-cell {
        display: block;
    }

    .layui-table-tips-c:before {
        position: relative;
        right: 0px;
        top: -4px;
    }

    .myRadios {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        height: 50px;
        width: 100%;
    }

    .layui-icon-radio, .layui-icon-circle {
        display: none !important;
    }
    .layui-table-view{
        height: calc(100% - 150px);
    }
</style>

<div class="layui-fluid mt2">
    <div id="exampleToolbar" style="height: 100px;  align-items: center;display: flex;width: 100%;">
        <div class="demoTable"
             style="width: 100%; height: 100%; display: flex;  flex-direction: column;  justify-content: space-around; align-items: flex-start; padding-left: 10px;">
            <div style="width: 100%;">
                <div class="layui-inline layui-form" style="margin-right: 10px">
                      交易类型：
                    <div class="layui-inline">
                        <select name="type" id="type" lay-verify="type" >
                            <option value="">全部</option>
                            <option value="0">收入</option>
                            <option value="1">支出</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline" style="margin-right: 10px">
                    <span>订单时间：</span>
                    <div class="layui-inline" id="ID-laydate-range">
                        <div class="layui-input-inline">
                            <input type="text" placeholder="请选择开始时间" autocomplete="off" id="createTime"
                                   class="layui-input"
                                   placeholder="开始日期">
                        </div>
                        <div class="layui-input-inline">-</div>
                        <div class="layui-input-inline">
                            <input type="text" placeholder="请选择结束时间" autocomplete="off" id="endTime"
                                   class="layui-input" placeholder="结束日期">
                        </div>
                    </div>
                </div>
                <button class="layui-btn" data-type="reload">搜索</button>
                <button class="layui-btn" onclick="dataReset()">重置</button>
            </div>
            <div style="display: flex; justify-content: space-between;align-items: center;width: 100%;">
               <div style="width: calc(100% - 100px);display: flex; justify-content: flex-start;align-items: center;">
                   <div class="layui-btn">净收入：¥<span id="span1" style="margin: 0 10px;">-</span></div>
                   <div class="layui-btn">总收入：¥<span id="span2" style="margin: 0 10px;">-</span></div>
                   <div class="layui-btn">总支出：¥<span id="span3" style="margin: 0 10px;">-</span></div>
               </div>
                <button class="layui-btn" onclick="daochu()" shiro:hasPermission="jzweb:detailOfIncomeAndExpenditure:download">导出</button>
            </div>
        </div>
    </div>
    <table class="layui-hide" id="exampleTable" lay-filter="exampleTable"></table>

</div>

<div>
    <script type="text/javascript">
        var look_info = 'hidden';
        var look_edit = 'hidden';
        var look_serviceTransfer = 'hidden';
    </script>
    <script shiro:hasPermission="jzweb:serviceList:info" type="text/javascript">
        look_info = '';
    </script>
    <script shiro:hasPermission="jzweb:serviceList:edit" type="text/javascript">
        look_edit = '';
    </script>
    <script shiro:hasPermission="jzweb:serviceList:serviceTransfer" type="text/javascript">
        look_serviceTransfer = '';
    </script>
</div>


<div th:include="include :: footer"></div>
<script type="text/javascript" src="/js/webJs/jzweb/detailOfIncomeAndExpenditure/index.js"></script>
</body>
</html>